// components/shebeizhibo/shebeizhibo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
      fromData:{
        id:null,//直播id
        content:'',//直播房间名
        zhibo:'',//直播地址
        lat:'',//经度
        lng:'',//维度
      },
      markers:[],//地图经度纬度
      zancunmk:{},//暂存手动输入经纬度
      showman:false
  },
  //直播间名字
  onChangezb(e){
    let content = "fromData.content";
    this.setData({
      [content] : e.detail 
    })
  }, 
   //直播地址
  onChangedz(e){
    let zhibo = "fromData.zhibo";
    this.setData({
      [zhibo] : e.detail 
    })
  },


  //自动输入经纬度
  zidong(){
    let that = this
    let lat = "fromData.lat"
    let lng = "fromData.lng"

    wx.getLocation({
      type: 'gcj02',
      isHighAccuracy:true,
      success (res) {
        that.setData({
          [lat] : res.latitude,
          [lng] : res.longitude
        })
      }
     })
  },
  //手动输入经纬度
  shoudong(){
    let that = this;
    this.setData({
      showman : true
    })
    wx.getLocation({
      type: 'gcj02',
      isHighAccuracy:true,
      success (res) {
        that.setData({
          markers:[
            {
              latitude:res.latitude,
              longitude:res.longitude,
              iconPath:'../../assate/dingwei.png',
              width:30,
              height:40,
            }
          ]
        })
      }
    })
  },
  //确定手动输入当前位置
  queding(){
    let lat = this.data.markers[0].latitude
    let lng = this.data.markers[0].longitude
    let index_lat = "fromData.lat"
    let index_lng = "fromData.lng"
    this.setData({
      [index_lat] : lat,
      [index_lng] : lng,
      showman:false
    })
    console.log()
  },
  //地图移动
  movemap(e){
    let index_lat = "markers[0].latitude"
    let index_lng = "markers[0].longitude"
    this.setData({
      [index_lat]:e.detail.latitude,
      [index_lng] : e.detail.longitude
    })
  },
  //准备就绪 开播按钮
  zhunbeijiuxu(){
    let fromData = this.data.fromData;
    let that = this;
    let db = wx.cloud.database();
    db.collection("mapData").get().then(res => {
      console.log(res)
    })
    db.collection("mapData").add({data:{...fromData}}).then(res => {
      wx.showToast({
        title: '恭喜！成功添加',
        icon: 'success',
        duration: 2000
      })
      setTimeout( () =>{
        wx.redirectTo({
          url:"../map/map"
        })
      },2000)
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})